.my-edit {
  width: 100%;
  min-height: 100vh;
  background: #f5f5f5;
}

.my-edit .none {
  display: none;
}

.my-edit .top {
  padding: 40rpx;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 150rpx;
}

.my-edit .top .tx {
  width: 150rpx;
  height: 100%;
  overflow: hidden;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #c7c7c7;
}

.my-edit .top .tx image {
  width: 100%;
  height: 100%;
}

.my-edit .top .r-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 20rpx;
}

.my-edit .top .r-text .text {
  color: #000;
  font-size: 34rpx;
}

.my-edit .info {
  width: 100%;
}

.my-edit .info .ul {
  border-top: #e5e5e5 solid 1rpx;
  background: #fff;
}

.my-edit .info .li {
  width: 100%;
  height: 87rpx;
  position: relative;
  border-bottom: #e5e5e5 solid 1rpx;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5rpx 40rpx;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 28rpx;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.my-edit .info .li .text {
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 20rpx;
}

.my-edit .info .li .n-input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
}

.my-edit .info .li .n-input .input {
  width: 100%;
  height: 100%;
  text-align: right;
}

.my-edit .info .li .n-input .n-picker {
  width: 100%;
  height: 100%;
}

.my-edit .info .li .n-input .n-picker .input {
  height: 75rpx;
  line-height: 75rpx;
}

.my-edit .info .li .n-input .n-picker .input.gray {
  color: #777777;
}

.my-edit .info .btn-area {
  width: 100%;
  padding: 50rpx 0;
}

.my-edit .info .btn-area .btn-submit {
  width: 430rpx;
  height: 70rpx;
  -webkit-border-radius: 5rpx;
  border-radius: 5rpx;
  text-align: center;
  line-height: 70rpx;
  font-size: 30rpx;
  color: #fff;
  background: #eb6877;
  cursor: pointer;
}

.my-edit .info .btn-area .btn-submit.gray {
  background: #ececec;
}

.custom-submit .info .li {
  padding-top: 5rpx;
  padding-bottom: 5rpx;
}

.custom-submit .info .li .tr {
  text-align: right;
}

.custom-submit .info .li.li_auto {
  height: auto;
}

.custom-submit .info .li.li_auto .text {
  width: 40%;
}

.custom-submit .info .li.li_auto .n-input {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.custom-submit .info .li.li_auto .textarea.t_hei {
  min-height: auto;
  padding: 20rpx 0;
}

.custom-submit .info .h3 {
  font-size: 28rpx;
  font-weight: bold;
  color: #000;
  padding: 0 20rpx;
}

.custom-submit .info .h3 .red {
  padding-left: 5rpx;
  color: #f00;
}

.custom-submit .info .h4 {
  font-size: 28rpx;
  color: #666;
  margin: 10rpx 0;
}

.custom-submit .info .textarea {
  width: 100%;
  min-height: 150rpx;
  line-height: 40rpx;
  text-align: right;
}
